<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="test">Layer测试</button>
		
		<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			layer.ready(function() {
				// layer.msg('hello');
				// layer.msg('hello layer', {time : 3000});
				
				/* layer.open({
					type : 0,
					content : '弹出的内容'
				}); */
				
				/* $('#test').click(function() {
					
				}); */
				
				$('#test').on('click', function(){
					/* var index = layer.open({
						type : 0,
						content : '弹出的内容'
					});
					layer.close(index); */
					
					/* layer.open({
						type : 1,
						content : '弹出的内容'
					}); */
					
					/* layer.open({
						type : 2,
						content : 'http://www.baidu.com',
						area : ['800px', '400px']
					}); */
					
					/* layer.open({
						type : 3
					}); */
					
					/* layer.open({
						type : 4,
						content : ['这是在学习Layer', '#test']
					}); */
					
					/* layer.open({
						type : 1,
						area : ['500px', '300px'],
						content : $('#divId')
					}); */
					
					/* layer.open({
						type : 0,
						content : '弹出的内容',
						btn : ['按钮1', '按钮2', '按钮3'],
						yes : function(index, layero) {
							console.log('点击了第一个按钮');
							layer.close(index);
						},
						'btn2' : function(index, layero) {
							console.log('点击了第二个按钮');
						},
						'btn3' : function(index, layero) {
							console.log('点击了第三个按钮');
							return false;
						}
					}); */
					
					/* layer.alert(
						'这是一个严重的错误',
						{icon : 2},
						function(index) {
							console.log(index);
							layer.close(index);
						}
					); */
					
					layer.confirm(
						'您确认要删除么？',
						{icon : 3},
						function(index) {
							console.log(index);
							//layer.close(index);
						}
					);
					
					// layer.tips('只想提示地精准些', '#test');
				});
			});
			
		</script>
	</body>
	<div id="divId" style="display: none;">
		姓名：<input type="text" />
	</div>
	
</html>
